<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=yes">
<meta http-equiv="x-rim-auto-match" content="none">
<link rel="stylesheet" href="${path}/resource/mobile/css/mui.min.css">
<link rel="stylesheet" href="${path}/resource/mobile/font/iconfont.css">
<link rel="stylesheet" href="${path}/resource/mobile/css/common.css">
<title data-index="0" id="selextTitle">${网页标题 }</title>
<meta name="keywords" content="${网页关键词}">
<meta name="description" content="${网页描述 }" />
<link rel="shortcut icon" href="${浏览器logo }">
<style type="text/css">
html, body, .mui-content {
	background-color: #f5f5f5;
}

.news {
	background: #FFFFFF;
	margin-bottom: 10px;
}

.news>div {
	padding: 10px 15px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
}

.news h3 {
	position: relative;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 5px;
	line-height: 20px;
}

.news span.iconfont {
	color: #ababab;
}

/*服务范围*/
.service {
	background: #FFFFFF;
	text-align: center;
	font-size: 13px;
	color: #333333;
	margin-bottom: 10px;
}

.service .iconfont {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	margin: 0 auto 10px;
	border-radius: 50%;
	display: block;
	font-size: 30px;
}

.service>div {
	padding: 0 10px;
}

.service>div:nth-of-type(1) .iconfont {
	background: rgba(91, 183, 240, 0.7);
}

.service>div:nth-of-type(2) .iconfont {
	background: rgba(236, 155, 90, 0.7);
}

.service>div:nth-of-type(3) .iconfont {
	background: rgba(204, 128, 98, 0.7);
}

.service>div:nth-of-type(4) .iconfont {
	background: rgba(139, 131, 194, 0.7);
}

.service>div:nth-of-type(5) .iconfont {
	background: rgba(0, 130, 206, 0.7);
}
</style>
</head>
<body>
	<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
		<jsp:include page="_top.jsp"></jsp:include>

		<!--主界面部分-->
		<div class="mui-inner-wrap">
			<jsp:include page="_foot.jsp"></jsp:include>
			<div id="offCanvasContentScroll"
				class="mui-content mui-scroll-wrapper">
				<div class="mui-scroll">
					<cms:ad var="banner" code="sjfwfwBanner" multi="false"></cms:ad>
					<img src="${banner.adImg }" class="banner">
					<!--服务范围-->
					<div class="m-title">
						<a href="service.html"> 服务范围  
						</a>
					</div>
					<div class="service flex-box common-padding">
						<cms:artType var="fwfw" code="fwfw"></cms:artType>
						<c:forEach items="${fwfw}" var="item">
							<div class="flex-item">
								<span class="iconfont ${item.artTypeDescription}"></span> <a
									href="${path }/redirect/mobile/fwfw?code=${item.code}">${item.artTypeName}</a>
							</div>
						</c:forEach>
					</div>

					<div class="news ">
						<cms:arts var="hyxw" code="${param.code }"
							pageNow="${param.pageNow}" pageSize="10"></cms:arts>
						<c:forEach items="${hyxw }" var="art">
							<div class="flex-box flex-align-center flex-pack-justify">
								<div>
									<h3>
										<a target="blank"
											href="${path }/redirect/mobile/art?id=${art.artId }&code=${param.code}">${art.artTitle }</a>
									</h3>
								</div>
								<span class="iconfont icon-iconfontjiantou6 fr"></span>
							</div>
						</c:forEach>

					</div>
				<div class="page">
						<c:forEach end="${recodeCount }" begin="1" var="index"
							varStatus="count">
							<a class="mui-badge mui-badge-primary"
								href="${path }/redirect/mobile/fwfw?code=${param.code}&pageNow=${index-1}">${index}</a>
						</c:forEach>
					</div>

					<jsp:include page="_foot2.jsp"></jsp:include>
				</div>
			</div>

			<div class="mui-off-canvas-backdrop"></div>
		</div>
	</div>
	<script src="${path}/resource/mobile/js/mui.js"></script>
	<script src="${path}/resource/mobile/js/common.js"></script>
	<script type="text/javascript">
		mui.init();
	</script>
</body>
</html>

